<template>
	<view class="flower_acrd">
		<view class="card_content">
			<view class="" style="display: flex;">
				<u--image :showLoading="true" :src="'xxx'" width="50px" height="50px"></u--image>
				<view class="user_info">
					<text style="color: #000;font-weight: bold;">昵称</text>
					<text>25岁 | 上海</text>
				</view>
			</view>
			
			<view style="display: flex;flex-direction: column;">
				<text>花</text>
				<text>×1</text>
			</view>
			<view class="msg">我是一条留言</view>
			<view class="time">时间</view>
		</view>
	</view>
</template>

<script setup>
const props=defineProps({
	data:{
		type:Object,
		default:()=>{}
	}
})
</script>

<style lang="scss">
	.flower_acrd {
		.card_content {
			display: flex;
			justify-content: space-evenly;
			padding: 20rpx 0;
			border-top: 1px solid #f9f9f9;
			border-bottom: 1px solid #f9f9f9;

			.user_info {
				width: 140rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-evenly;
				font-size: 12px;
				margin-left: 10rpx;
			}
		}
	}
</style>
